#{extends 'main.html' /}
#{set title:'Miss�es' /}

<div class="row">
	<div class="span3">
		<div class="well sidebar-nav">
			<ul class="nav nav-list">
				<li class="nav-header">Operação</li>
				<li><a href="#Operacoes"><i class="icon-list"></i>Operacões</a></li>
				<li class="nav-header">Acervos</li>
				<li><a href="#AcervoHistorico"><i class="icon-list"></i>Acervo histórico</a></li>
				<li class="nav-header">Projetos / Programas</li>
				<li><a href="#Projetos"><i class="icon-list"></i>Projetos e Programas</a></li>
			</ul>
		</div>
		<!--/.well -->
	</div>
	<!--/span-->
	
	<div class="span9">
	
	<ul>
	<div class="hero-unit" id="Operacoes">
	<h2>Operações</h2>
	#{list operacao, as:'o'}
	<li>
	<a href="/operacao?id=${o.id}"><h3>${o.nome}</h3></a>
	</li>
	<li>
	<h5>${o.objetivo}</h5>
	</li>
	#{/list}
	</div>
	
	<div class="hero-unit" id="AcervoHistorico">
	<h2>Acervo histórico</h2>
	#{list acervo, as:'a'}
	<li>
	<a href="/acervos?id=${a.id}"><h3>${a.titulo}</h3></a>
	</li>
	<li>
	<h5>${a.descricao}</h5>
	</li>
	#{/list}
	</div>
	
	<div class="hero-unit" id="Projetos">
	<h2>Projetos e programas</h2>
	#{list projeto, as:'p'}
	<li>
	<a href="/projetos?id=${p.id}"><h3>${p.nome}</h3></a>
	</li>
	<li>
	<h5>${p.descricao}</h5>
	</li>
	#{/list}
	</ul>
	</div>
	</div>
</div>
